<!DOCTYPE HTML>
<html>
<head>
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- SETTINGS -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <title>Create betroom</title>
    <meta http-equiv="Content-Language" content="fr">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" >
    <meta name="description" LANG="en" content="Celibax is an online betting system. It will be possible to bet on anything with your friends.
            It was initially designed to bet on which of your friends would be the first to get laid, but you can also use it for sporting events, life events or whatever you can think of!
            You cannot play real money here, the Celibax money is the Chochoro and the shame of losing!">
    <meta name="robots" content="index, follow">
    <meta name="Revisit-after" content="10 days">
    <meta name="Date-Creation-yyyymmdd" content="20071216">
    <meta name="Date-Revision-yyyymmdd" content="20110104">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="imagetoolbar" content="no">
    <meta http-equiv="expires" content="never">
    <meta name="viewport" content="initial-scale=0.8">
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- LIB INCLUDES -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="{{ STATIC_URL}}javascript/jquery.min1.7.2.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL}}javascript/extendAjaxForCSRF.js"></script>
    <!-- the following include allow internet explorer to keep the same display than the other browser -->
    <!--[if lt IE 10]>
	    <script type="text/javascript" src="{{ STATIC_URL}}javascript/CSS3PIE.js"></script>
    <![endif]-->
    
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- STYLE AND PAGE STRUCTURE INCLUDES -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL}}css/structure.css">
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL}}css/login.css">
    <script language="JavaScript" type="text/javascript" src="{{ STATIC_URL}}javascript/styleAndDiv.js"></script>
    <script language="JavaScript" type="text/javascript" src="{{ STATIC_URL}}javascript/headerStructure.js"></script>

    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <!-- INITIALISATION OF THE PAGE -->
    <!-- -------------------------------------------------------------------------------------------- -->
    <script type="text/javascript" src="{{ STATIC_URL}}javascript/coreOnLoad.js"></script>
    
</head>


<body>

    {% load url from future %}
    {% block content %}
    
		<div class="oneLine">
		
			<div class="myLeft" id="id_login">
	        
				<div class="section">      
	            <h2>Log in</h2>
	
	            {% if form.errors %}
	            <p>You've been kicked by Fanxo les grandes oreilles, please re-enter your password to Celibax.</p>
	            {% endif %}
	
	            <div>
	                <form method="post" autocomplete="off" action="{% url 'django.contrib.auth.views.login' %}" >
	                    {% csrf_token %}
	                    <table style="width:100%;">
	                    <tr>
	                        <td autocomplete="off" style="width:40%;" >{{ form.username.label_tag }}</td>
	                        <td autocomplete="off" style="width:59%;">{{ form.username }}</td>
	                    </tr>
	                    <tr>
	                        <td autocomplete="off" style="width:40%;" >{{ form.password.label_tag }}</td>
	                        <td autocomplete="off" style="width:59%;">{{ form.password }}</td>
	                    </tr>
	                    </table>
	
	                    <input class="myRoundCorners myRight" type="submit" value="Log in" />
	                    <input type="hidden" name="next" value="{{ next }}" />
	                </form>
	            </div>
	        </div>
	
	        <div class="section">      
	            <h2>Create a new account</h2>
	            <div class="oneLine">Celibax is an online betting system to bet on anything with your friends.
	            It was initially designed to bet on which of your friends would be the first to get laid, but you can also use it for sporting events, life events or whatever you can think of!
	            You cannot play real money here, the Celibax money is the Chochoro and the shame of losing!</div>
	            <div class="oneLine"><a href="/accounts/register/">Create a new account</a></div>
	        </div>
	
	   	</div>
	     
			<div id="id_image">
	     		<img src="{{ STATIC_URL }}images/accueil.png">
			</div>
    		

   </div>

    {% endblock %}

</body>
